<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>css的书写位置</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" media="screen" href="D:\html\css文件\css01.css" />
    <script src="main.js"></script>



</head>
<body>
    
<p>新建一个文件，后缀名以.css命名（css文件）
    link  rel=”stylesheet”  href=”” 标签将css文件引入
</p>

     <span class="one">span1</span>

	 <span class="two">span2</span>

      <p style="color:tomato; font-size:50px" >行内的写法就是style的标签=“”</p>


      <p>

        ２.4	Css书写方式之间的区别
     ☞内嵌式写法：
         ◆代码可维护性较差，没有实现css代码与html结构的完全分离
   ◆影响的范围只有当前页面
    ☞行内是写法：
         ◆代码可维护性极差，css代码和html结构没有实现分离
   		 ◆影响的范围只有当前标签

    ☞外联式写法：
         ◆代码可维护性高，css与html结构完全分离
  		 ◆影响范围广，当前整个网页站点。

      </p>


      <p id="para1">Hello World!!!</p>

      <p class="center">你也可以指定特定的HTML元素使用class。

        在以下实例中, 所有的 p 元素使用 class="center" 让该元素的文本居中:</p> 



        
</body>
</html>